<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">

<!-- Common icon classes for Material Design settings page. -->
<dom-module id="os-settings-icons">
  <template>
    <style>
      cr-icon-button.icon-add-circle {
        --cr-icon-button-fill-color: var(--cros-button-icon-color-secondary);
        --cr-icon-image: url(chrome://os-settings/images/icon_add_circle.svg);
      }
      cr-icon-button.icon-add-wifi {
        --cr-icon-button-fill-color: var(--cros-button-icon-color-secondary);
        --cr-icon-image: url(chrome://os-settings/images/icon_add_wifi.svg);
      }
      cr-icon-button.icon-pair-bluetooth {
        --cr-icon-button-fill-color: var(--cros-button-icon-color-secondary);
        --cr-icon-image: url(chrome://os-settings/images/icon_pair_bluetooth.svg);
      }
      cr-icon-button.icon-add-cellular {
        --cr-icon-button-fill-color: var(--cros-button-icon-color-secondary);
        --cr-icon-image: url(chrome://os-settings/images/icon_add_cellular.svg);
      }
    </style>
  </template>
</dom-module>
